<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>my resume</title>
  <style>
    *{
      margin: 0;
      padding: 0;
      color: #606266;
    }
    ul{
      margin-left: 20px;
    }
    h2, h3, h4{
      color: #34495E;
      margin-bottom: 10px;
    }
    .item{
      padding: 20px 0;
      border-bottom: 1px solid #eee;
    }
    .item li{
      line-height: 25px;
      margin: 12px 0;
    }
    .contact ul{
      overflow: hidden;
      width: 100%;
      margin: 0;
      padding-left: 20px;
      box-sizing: border-box;
      display: flex;
    }
    .contact ul li{
      flex: 1;
    }
    .work h4{
      margin-top: 20px;
    }
  </style>
</head>
<body>
<div class="container">
  <!-- 联系方式 -->
  <div class="contact item">
    <h2>联系方式</h2>
    <ul>
      <li>手机/微信：18779783731</li>
      <li>Email：ohillaryzc@gmail.com</li>
      <li>QQ：1796867290</li>
    </ul>
  </div>

  <!-- 个人信息 -->
  <div class="info item">
    <h2>个人信息</h2>
    <ul>
      <li>刘志超/男/1998</li>
      <li>专科/九江职业技术学院（软件技术）</li>
      <li>工作年限：1.5年</li>
      <li>期望职位：Web前端开发</li>
      <li>GitHub：https://github.com/ohillaryzc</li>
    </ul>
  </div>

  <!-- 工作经历 -->
  <div class="work item">
    <h2>工作经历</h2>
    <h3>广州市微尔森信息技术咨询有限责任公司[前端开发]（2018.12 - 2020.1）</h3>
    <h4>- SAE艺术教育平台微信公众号</h4>
    <p>基于微信公众号实现学生查课，上课签到，请假，分享课程；教师排课，调课，审批请假，发送通知等功能。</p>

    <h4>- i船代船运后台管理系统</h4>
    <p>地图显示船舶位置、航向，点击地图船舶图标显示船舶信息；抵港，抛锚，装卸货物，离港，联检等时间记录；分修改，查看权限；港口图片视频上传功能。</p>

    <h4>项目三</h4>

    <h4>项目四</h4>

  </div>

  <!-- 技能清单 -->
  <div class="skill item">
    <h2>技能清单</h2>
    <ul>
      <li>Web开发：JavaScript/HTML/CSS/Node</li>
      <li>Web框架：Vue.js</li>
      <li>UI组件库：Element UI/iView/vant</li>
      <li>前端工具：webpack</li>
      <li>版本管理：Git/Svn</li>
      <li>开放平台：微信开放平台</li>
    </ul>
  </div>

</div>
</body>
</html>
